<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>登录页面</title>
</head>

<body>
<h1>用户登录</h1>
用户名：<input name="userName" type="text" id="userName"><br>
密码：<input name="password" type="password" id="password"><br>
<input type="button" value="登录" onclick="login()">

<script src="js/jquery-3.7.1.js"></script>
<script>
  function login() {
    $.ajax({
      type:"post",
      url:"/user/login",
      data:{
        "userName":$("#userName").val(),
        "password":$("#password").val()
      },
      success: function (anyname){
        if (anyname == true) {
          //跳转到登陆成功页面
          location.href = "index.html";
        }else {
          //当前页面
          alert("账号或密码有误");
        }
      }
    });
  }

</script>
</body>

</html>